<template>
  <div>
    <!-- 影像浏览公共弹窗页面 -->
    <el-dialog
        title="影像浏览"
        :visible.sync="comImageShowVisiable"
        width="60%"
        center>
      <div class="fillcontain">
        <!-- 表格 -->
        <div class="contain bor_top" id="tableDataModule">
          <el-row>
            <el-col :span="24" class="pb15">
              <el-button type="danger" class="Defaultbutton" @click="bathchShow_newObject()">查看</el-button>
            </el-col>
          </el-row>
          <div class="table_container pl30">
            <el-table
                ref="multipleTable"
                @selection-change="handleSelectionChange"
                v-loading="loading"
                :data="tableDataList"
                highlight-current-row
                header-cell-class-name="table-header-class"
                style="width:100%">
              <el-table-column
                  type="selection"
                  width="55">
              </el-table-column>
              <el-table-column
                  width="80"
                  label="影像"
                  align='center'>
                <template slot-scope="scope">
                    <span class="operationIcon" @click="showImage_newObject(scope.row)">
                        <i class="el-icon-camera"></i>
                    </span>
                </template>
              </el-table-column>
              <el-table-column
                  width="80"
                  label="备注"
                  align='center'>
                <template slot-scope="scope">
                  <span class="operationIcon" @click="memoGo(scope.row.busiType, scope.row.itemid)">
                    <i v-if="!scope.row.remark" class="el-icon-tickets"></i>
                    <i v-if="scope.row.remark" class="el-icon-info"></i>
                  </span>
                </template>
              </el-table-column>
              <el-table-column
                  width="80"
                  label="记录"
                  align='center'>
                <template slot-scope="scope">
                    <span class="operationIcon"
                          @click="updateRecordGo(scope.row.busiType, scope.row.itemid)">
                        <i class="el-icon-edit-outline"></i>
                    </span>
                </template>
              </el-table-column>
              <el-table-column
                  min-width="120"
                  show-overflow-tooltip
                  property="serno"
                  label="流水号"
                  align='center'>
              </el-table-column>
              <el-table-column
                  min-width="120"
                  show-overflow-tooltip
                  property="docTyp"
                  label="文件类型"
                  align='center'>
              </el-table-column>
              <el-table-column
                  min-width="150"
                  show-overflow-tooltip
                  property="stockID"
                  label="存仓号码"
                  align='center'>
              </el-table-column>
              <el-table-column
                  min-width="120"
                  show-overflow-tooltip
                  property="groupNo"
                  label="组号"
                  align='center'>
              </el-table-column>
              <el-table-column
                  min-width="160"
                  show-overflow-tooltip
                  property="scanDate"
                  label="扫描日期"
                  align='center'>
              </el-table-column>
              <el-table-column
                  min-width="160"
                  show-overflow-tooltip
                  property="scanTime"
                  label="扫描时间"
                  align='center'>
              </el-table-column>
              <el-table-column min-width="120" label="是否新受理" align='center' show-overflow-tooltip>
                <template slot-scope="scope">
                  <span v-if="scope.row.subbusitype == ''">&nbsp;&nbsp;&nbsp;&nbsp;</span>
                  <span v-else>{{scope.row.subbusitype}}</span>
                </template>
              </el-table-column>
              <el-table-column min-width="120" label="是否列印" align='center' show-overflow-tooltip>
                <template slot-scope="scope">
                  <span v-if="scope.row.isPrint == 0">N</span>
                  <span v-if="scope.row.isPrint == 1">Y</span>
                </template>
              </el-table-column>
              <el-table-column
                  min-width="120"
                  show-overflow-tooltip
                  property="remark"
                  label="最新备注"
                  align='center'>
              </el-table-column>
              <el-table-column
                  width="100"
                  property="address"
                  label="操作"
                  align='center'>
                <template slot-scope="scope">
                  <el-button type="text" size="small" @click="imagInfoGo(
                                        scope.row.busiType,
                                        scope.row.policyNo,
                                        scope.row.busiNo,
                                        scope.row.subbusitype,
                                        scope.row.productType,
                                        scope.row.docTyp,
                                        scope.row.stockID,
                                        scope.row.groupNo,
                                        scope.row.scanDate,
                                        scope.row.scanTime,
                                        scope.row.isPrint,
                                        scope.row.ishcprint,
                                        scope.row.version,
                                        scope.row.itemid,
                                        scope.row.agentNo,
                                        scope.row.updateflag,
                                        scope.row.company
                                    )">影像信息
                  </el-button>
                </template>
              </el-table-column>
            </el-table>

            <!-- <el-button @click="comImageShowVisiable = false">取消</el-button> -->
            <!-- 分页信息 -->
            <el-row>
              <!-- <el-col :span="4" class="button_pagination">
                  <el-button type="primary" @click="bathchShow_newObject()">查看</el-button>
              </el-col> -->
              <el-col :span="24">
                <div class="pagination">
                  <el-pagination
                      background
                      v-if='paginationsImage.total > 0'
                      :page-sizes="paginationsImage.pageSizes"
                      :page-size="paginationsImage.pageSize"
                      :layout="paginationsImage.layout"
                      :total="paginationsImage.total"
                      :current-page='paginationsImage.pageIndex'
                      @current-change='handleCurrentChange'
                      @size-change='handleSizeChange'>
                  </el-pagination>
                </div>
              </el-col>
            </el-row>
          </div>
          <div class="cancel-button">
            <span slot="footer">
                <el-button @click="comImageShowVisiable = false" class="Defaultbutton">取消</el-button>
            </span>
          </div>
        </div>

        <!-- 弹框 备注列表 memoList-->
        <el-dialog
            title="备注列表"
            :visible.sync="memoListDialog"
            append-to-body
            width="60%"
            center>
          <el-row>
            <el-col :span="24" class="pb15 pt5">
              <el-button type="danger" plain
                         @click="addMemoInfoDialog = true, MemoInfoDialogShow = true, MemoInfoDialogHistory = false">
                新增备注
              </el-button>
              <!-- <el-button type="danger" plain  @click="addMemoInfoDialog = true">新增备注</el-button> -->
              <el-button type="danger" plain @click="memoGoHistory()" hidden>查看历史备注</el-button>
            </el-col>
            <div v-if="addMemoInfoDialog">
              <el-row>
                <el-input clearable
                          type="textarea"
                          :autosize="{ minRows: 2, maxRows: 4}"
                          placeholder="请输入内容"
                          v-model="remarkInfo">
                </el-input>
              </el-row>
              <el-row>
                <el-col :span="12" class="pb15 pt15 pr10 text_right">
                  <el-button type="danger" plain @click="addMemoInfoDialog = false">取消</el-button>
                </el-col>
                <el-col :span="12" class="pb15 pt15 pr10 text_left">
                  <el-button type="danger" class="Defaultbutton" @click="addMemoInfo()">保存</el-button>
                </el-col>
              </el-row>
            </div>
            <!-- 影像备注列表 -->
            <el-col :span="24" v-if="MemoInfoDialogShow">
              <el-table :data="memoListTableData" style="width: 100%">
                <el-table-column min-width="80" prop="serialNumber" label="序号"></el-table-column>
                <el-table-column min-width="120" prop="userid" label="备注人员" show-overflow-tooltip></el-table-column>
                <el-table-column prop="time" label="备注时间" min-width="160" show-overflow-tooltip></el-table-column>
                <el-table-column min-width="120" prop="remark" label="备注信息" align='center'
                                 show-overflow-tooltip></el-table-column>
              </el-table>
            </el-col>
          </el-row>
          <span slot="footer" class="dialog-footer">
            <el-button
                @click="memoListDialog = false,MemoInfoDialogHistory=false,MemoInfoDialogShow=false,addMemoInfoDialog=false"
                class="Defaultbutton">关闭</el-button>
          </span>
        </el-dialog>
        <el-dialog title="查看历史备注" :visible.sync="MemoInfoDialogHistory" width="40%" center>
          <!-- 历史备注 -->
          <el-col :span="24">
            <el-input type="textarea" autosize placeholder="请输入内容" v-model="sNoteLog"></el-input>
          </el-col>
          <span slot="footer" class="dialog-footer">
            <el-button @click="MemoInfoDialogHistory=false" class="Defaultbutton">关闭</el-button>
          </span>
        </el-dialog>

        <!-- 弹框 添加备注信息 -->
        <!-- <el-dialog
        title="添加备注信息"
        :visible.sync="addMemoInfoDialog"
        append-to-body
        width="60%"
        center>
            <el-row>
                <el-col :span="24">
                    <el-form ref="form" label-width="120px">
                        <el-form-item label="添加备注信息">
                            <el-input clearable type="textarea" v-model="remarkInfo"></el-input>
                        </el-form-item>
                    </el-form>
                </el-col>
            </el-row>
        <span slot="footer" class="dialog-footer">
            <el-button @click="addMemoInfoDialog = false">取消</el-button>
            <el-button @click="addMemoInfo()" class="Defaultbutton">提交</el-button>
        </span>
        </el-dialog> -->

        <!-- 弹框 修改记录 -->
        <el-dialog
            title="修改记录"
            :visible.sync="updateRecordDialog"
            append-to-body
            width="60%"
            center>
          <el-row>
            <el-col :span="24">
              <el-table
                  :data="updateRecordTableData"
                  style="width: 100%">
                <el-table-column
                    min-width="80"
                    prop="serialNumber"
                    label="序号">
                </el-table-column>
                <el-table-column
                    min-width="120"
                    prop="fielddesc"
                    label="字段名称"
                    show-overflow-tooltip>
                </el-table-column>
                <el-table-column
                    min-width="120"
                    prop="srcvalue"
                    label="原值"
                    width="120"
                    show-overflow-tooltip>
                </el-table-column>
                <el-table-column
                    min-width="120"
                    prop="modusrid"
                    label="操作员"
                    align='center'
                    show-overflow-tooltip>
                </el-table-column>
                <el-table-column
                    min-width="160"
                    prop="modvalue"
                    label="修改值"
                    align='center'
                    show-overflow-tooltip>
                </el-table-column>
                <el-table-column
                    prop="modtime"
                    label="操作时间"
                    align='center'
                    min-width="160">
                </el-table-column>
              </el-table>
            </el-col>
          </el-row>
          <span slot="footer" class="dialog-footer">
                    <el-button @click="updateRecordDialog = false" class="Defaultbutton">关闭</el-button>
                </span>
        </el-dialog>
        <!-- 弹框 影像信息 -->
        <el-dialog
            title="影像信息"
            :visible.sync="imagInfoDialog"
            append-to-body
            width="60%"
            center>
          <el-form ref="form" label-width="140px" :model="imagInfoParams">
            <el-row>
              <el-col :span="12">
                <el-form-item label="业务类型">
                  <!-- <el-input disabled v-model="imagInfoParams.busiType" placeholder=""></el-input> -->
                  <el-select v-model="imagInfoParams.busiType" placeholder="" :disabled="disableParam.busiType">
                    <el-option
                        v-for="item in busiTypeList"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="保单号">
                  <el-input v-model="imagInfoParams.policyNo" placeholder="请输入内容"
                            :disabled="disableParam.policyNo"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="受理号">
                  <el-input v-model="imagInfoParams.busiNo" placeholder="请输入内容"
                            :disabled="disableParam.busiNo"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="单证类型">
                  <el-input v-model="imagInfoParams.docTyp" placeholder="电子投保书（意外健康险）"
                            :disabled="disableParam.docTyp"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="存仓号码">
                  <el-input v-model="imagInfoParams.stockID" placeholder="" :disabled="disableParam.stockID"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="组号">
                  <el-input v-model="imagInfoParams.groupNo" placeholder="请输入内容"
                            :disabled="disableParam.groupNo"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="是否新受理">
                  <el-select v-model="imagInfoParams.subbusitype" placeholder="" :disabled="disableParam.subbusitype">
                    <el-option
                        v-for="item in imagInfoDialogSubbusitype"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="险种类型">
                  <el-select v-model="imagInfoParams.productType" placeholder="" :disabled="disableParam.productType">
                    <el-option
                        v-for="item in imagInfoDialogProductType"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="是否列印(有效性)">
                  <el-select v-model="imagInfoParams.isPrint" placeholder="" :disabled="disableParam.isPrint">
                    <el-option
                        v-for="item in isPrintList"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="是否打印HardCopy">
                  <el-select v-model="imagInfoParams.ishcprint" placeholder="" :disabled="disableParam.ishcprint">
                    <el-option
                        v-for="item in isPrintList"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="版本">
                  <el-input v-model="imagInfoParams.version" placeholder="请输入内容"
                            :disabled="disableParam.version"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="扫描日期">
                  <el-date-picker
                      :disabled="disableParam.scanDate"
                      value-format="yyyy-MM-dd"
                      v-model="imagInfoParams.scanDate"
                      type="date"
                      placeholder="选择日期" id="scanDate">
                  </el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="扫描时间">
                  <el-time-select
                      :disabled="disableParam.scanTime"
                      v-model="imagInfoParams.scanTime"
                      :picker-options="{
                                    start: '00:00',
                                    step: '00:15',
                                    end: '24:00'
                                }"
                      placeholder="选择时间" id="scanTime">
                  </el-time-select>
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
          <span slot="footer" class="dialog-footer">
            <el-button @click="imagInfoDialog = false">取消</el-button>
            <el-button :disabled="disableParam.btnCopy" @click="imageInfoAlter('copy')"
                       class="Defaultbutton">拷贝</el-button>
            <el-button :disabled="disableParam.btnModify" @click="imageInfoAlter('modify')"
                       class="Defaultbutton">修改</el-button>
            <el-button :disabled="disableParam.btnDel" @click="imageInfoAlterDelJudge('del')"
                       class="Defaultbutton">删除</el-button>
          </span>
        </el-dialog>
      </div>

    </el-dialog>
    <div id="imgObjDiv">&nbsp;</div>
  </div>
</template>

<script>
  import constant from '@/utils/constant';
  import {ImageExtendAlter, ImageExtendCheck, ImageQuerySearch, recordLogInfo} from "@/api/taskCenter/taskCommon";
 
	// 导入CMImage影像公用js组件
  import sunCMImage from '@/utils/sunCMImage';
  import {formatDate, strLength} from '@/utils/mUtils';
  export default {
    data() {
      return {
        loading: false,
        comImageShowVisiable: false,
        tableDataList: [],//影像信息列表
        memoListDialog: false, //默认隐藏 备注列表弹框
        addMemoInfoDialog: false,//默认隐藏 备注信息弹框
        updateRecordDialog: false,//默认隐藏 修改记录弹框
        imagInfoDialog: false,//默认隐藏 影像信息修改弹框
        remarkInfo: '',//修改备注信息
        memoListTableData: [],//查看影像备注信息
        updateRecordTableData: [],//查看影像修改记录

        //辅助条件——业务类型选择
        busiTypeList: [
          {
            value: 'ALL',
            label: '全部'
          }, {
            value: 'NB',
            label: '投保'
          }, {
            value: 'POS',
            label: '保全'
          }, {
            value: 'CLM',
            label: '理赔'
          }],
        //影像信息-险种信息选择
        imagInfoDialogProductType: [
          {
            value: '传统寿险',
            label: '传统寿险'
          }, {
            value: '意外险',
            label: '意外险'
          }, {
            value: '银行险',
            label: '银行险'
          }, {
            value: '重填',
            label: '重填'
          }, {
            value: '变更',
            label: '变更'
          }, {
            value: '投资连结',
            label: '投资连结'
          }],
        //是否新受理
        imagInfoDialogSubbusitype: [
          {
            value: 'Y',
            label: '是'
          }, {
            value: 'N',
            label: '否'
          }
        ],
        //辅助条件——是否列印（有效性）选择
        isPrintList: [
          {
            value: '1',
            label: '是'
          }, {
            value: '0',
            label: '否'
          }],
        //影像信息
        imagInfoParams: {
          busiType: '',//业务类型
          policyNo: '',//保单号
          busiNo: '',//受理号
          subbusitype: '',//是否新受理（空时候显示空，不为空时显示该值；子业务类型）
          productType: '',//险种类型
          docTyp: '',//单证类型
          stockID: '',//存仓号
          groupNo: '',//组号
          scanDate: '',//扫描日期
          scanTime: '',//扫描时间
          updateflag: '',//
          isPrint: '',//是否列印（1是，0否）
          ishcprint: '',//是否打印
          version: '',//版本
          itemid: '',//
          pidString: '',//
          company: '',//
          repdate: '',//
          agentNo: '',//
          agentName: ''//
        },

        //需要给分页组件传的信息
        paginationsImage: {
          total: 0,        // 总数
          pageIndex: 1,  // 当前位于哪页
          pageSize: 10,   // 1页显示多少条
          pageSizes: [5, 10, 15, 20],  //每页显示多少条
          layout: "total, sizes, prev, pager, next, jumper"   // 翻页属性
        },
        searchParams: {
          //业务查询条件
          busiNO: '',//受理号
          policyNO: '',//保单号
          policyer: '',//投保人姓名
          insured: '',//被保险人姓名
          //影像查询条件
          stockID: '',//存仓号码
          groupNO: '',//组号
          begintime: '',//扫描日期
          serno: '',//电子标识号
          policyno16: '',//短期险保单号
          //辅助条件
          busiType: 'ALL',//业务类型
          birthday: '',//被保险人出生日期
          comCode: '',//分支公司
          productType: '',//险种类型
          isPrint: '',//是否列印（有效性）
          imgsortorder1: '',//排序条件1
          imgsortorder2: '',//排序条件2
          imgsortorder3: '',//排序条件3
          imgsort: '',//排序方式
          docType: '',//文件类型
          isNoCaseno: '',//是否查询无受理号的补充文件

          branchCode: '10',//分支公司
          stype: '',//文件类型
          spurview: ''//查看权限
        },
        //查看影像备注信息——查询影像列表
        imageExtendParam: {
          busitype: '',
          doflag: '',
          itemid: '',
          remark: ''
        },
        policyNOs: [],
        judgeParam: {
          stype: '',//文件类型
          spurview: ''//查看权限
        },
        //用于改变各个元素的可编辑状态
        disableParam: {
          // busitype
          sbusiType: false,//搜索辅助条件——文件类型
          busiType: false,

          policyNO: false,
          busiNo: false,
          subbusitype: false,
          productType: false,
          docTyp: false,
          stockID: false,
          groupNo: false,
          isPrint: false,
          ishcprint: false,
          version: false,
          scanDate: false,
          scanTime: false,

          btnCopy: false,
          btnModify: false,
          btnDel: false,
          //财务影像管理
          scansite: false,
          srepdate: false,
          sagentid: false,
          sagentname: false,
          sbankname: false
        },
        //影像信息
        imagInfoParamshandle: {
          busiType: '',//业务类型
          policyNo: '',//保单号
          busiNo: '',//受理号
          subbusitype: '',//是否新受理（空时候显示空，不为空时显示该值；子业务类型）
          productType: '',//险种类型
          docTyp: '',//单证类型
          stockID: '',//存仓号
          groupNo: '',//组号
          scanDate: '',//扫描日期
          scanTime: '',//扫描时间
          updateflag: '',//
          isPrint: '',//是否列印（1是，0否）
          ishcprint: '',//是否打印
          version: '',//版本
          itemid: '',//
          pidString: '',//
          company: '',//
          repdate: '',//
          agentNo: '',//
          agentName: '',//

          stype: '',
          scansite: '',
          srepdate: '',
          sagentid: '',
          sagentname: '',
          sbankname: ''
        },
        userInfo: {},
        multipleTable: [],
        MemoInfoDialogShow: true,//影像备注列表显示
        MemoInfoDialogHistory: false,//影像历史备注显示
        sNoteLog: '',//历史备注信息
      }
    },
    created() {

    },
    mounted() {
      this.showImage_init();
    },
    methods: {
      handleSelectionChange(val) {
        this.multipleTable = val;
      },
      init(param) {
        this.comImageShowVisiable = true;
        this.userInfo = JSON.parse(sessionStorage.getItem("userInfo"));
        if (this.userInfo == null) { // TODO 本地测试临时使用
          this.userInfo = {account: 'CHNT001755'};
        }
        // console.log(param);
        //判断条件——受理号
        if (param.busiNO != null || param.busiNO != "") {
          this.searchParams.busiNO = param.busiNO
        }
        //判断条件——保单号
        if (param.policyNO != null || param.policyNO != "") {
          this.searchParams.policyNO = param.policyNO;
        }
        //判断条件——投保人
        if (param.policyer != null || param.policyer != "") {
          this.searchParams.policyer = param.policyer;
        }
        //判断条件——被保人
        if (param.insured != null || param.insured != "") {
          this.searchParams.insured = param.insured;
        }
        //判断条件——文件类型
        if (param.docType != null || param.docType != "") {
          // this.searchParams.docType = param.docType;
          this.searchParams.docType = param.docType
        }
        //查询权限
        if (param.purview != null || param.purview != "") {
          this.judgeParam.spurview = param.purview;
        } else {
          this.judgeParam.spurview = "query";
        }
        //查询类型
        if (param.type != null || param.type != "") {
          this.judgeParam.stype = param.type;
          if (this.judgeParam.stype == "general") {
            this.searchParams.busiType = "ALL";
            this.disableParam.busiType = true;//影像信息——业务类型
          } else if (this.judgeParam.stype == "nb") {
            this.searchParams.busiType = "NB";
            this.disableParam.sbusiType = true;
          } else if (this.judgeParam.stype == "pos") {
            this.searchParams.busiType = "POS";
            this.disableParam.sbusiType = true;
          } else if (this.judgeParam.stype == "clm") {
            this.searchParams.busiType = "CLM";
            this.disableParam.sbusiType = true;
          }
        } else {
          this.judgeParam.type = "general";
          this.searchParams.busiType = "ALL";
        }
        this.searchParams.doflag = "image";
        this.searchParams.branchCode = "10";
        this.searchParams.busiType = "ALL";
        this.paginationsImage.total = 0;

        this.getList();
        this.$store.dispatch('loading/CHANGE_LOADING', false);
      },
      // 查询列表C:\sunline file\code\idea\ILMP-20200217\ilmp-nb-web\src\page\homeWorkQuery\imagQuery\comImageShow.vue
      getList() {
        this.searchParams.stype = this.judgeParam.stype;
        this.searchParams.spurview = this.judgeParam.spurview;
        var userId = this.userInfo.account;
        this.$store.dispatch('loading/CHANGE_LOADING', true);

        this.paginationsImage.total = 0;
        var pageSize = this.paginationsImage.pageSize;
        var pageNumber = this.paginationsImage.pageIndex;
        const tableDataList_s = [];
        var array = this.policyNOs.length;

        var paramjson = JSON.stringify(this.searchParams);
        ImageQuerySearch(paramjson, userId, pageSize, pageNumber).then(res => {
          this.$store.dispatch('loading/CHANGE_LOADING', false);
          // console.log(res.resBody);
          if (res.resultCode == constant.SUCCESS && res.resBody) {
            if (res.strDoFlag == "image" || res.strDoFlag == "caseimage") {
              for (var i = 0; i < res.resBody.imageList.length; i++) {
                const obj = {
                  serno: res.resBody.imageList[i].serno,
                  docTyp: res.resBody.imageList[i].docTyp,
                  stockID: res.resBody.imageList[i].stockID,
                  groupNo: res.resBody.imageList[i].groupNo,
                  scanDate: res.resBody.imageList[i].scanDate,
                  scanTime: res.resBody.imageList[i].scanTime,
                  subbusitype: res.resBody.imageList[i].subbusitype,
                  isPrint: res.resBody.imageList[i].isPrint,
                  remark: res.resBody.imageList[i].remark,
                  busiType: res.resBody.imageList[i].busiType,
                  itemid: res.resBody.imageList[i].itemid,
                  policyNo: res.resBody.imageList[i].policyNo,
                  busiNo: res.resBody.imageList[i].busiNo,
                  productType: res.resBody.imageList[i].productType,
                  ishcprint: res.resBody.imageList[i].ishcprint,
                  version: res.resBody.imageList[i].version,
                  agentNo: res.resBody.imageList[i].agentNo,
                  updateflag: res.resBody.imageList[i].updateflag,

                  imgServerUrl: res.imageServerUrl
                }
                tableDataList_s.push(obj);
              }
            }
            this.paginationsImage.total = res.resBody.total;
            this.tableDataList = tableDataList_s;
          }

        }).catch(err => {
          this.$store.dispatch('loading/CHANGE_LOADING', false);
        })
      },
      // 审计日志需求  --lvjg 20211217
      recordAuditLogInfo(busMod, multipleTable) {
        let userInfo = JSON.parse(sessionStorage.getItem("userInfo"));
        // 时间格式 yyyymmddhhMMss
        var dateStr = formatDate(new Date(), 2);
        var businessInfos = [];
        for (var i = 0; i < multipleTable.length; i++) {
          businessInfos.push({"applNum": multipleTable[i].busiNo
            , "chdrNum": multipleTable[i].policyNo
            , "otherNum": multipleTable[i].serno});
        }
        let params = {
          "head": {
            "sysID": "ILMP",
            "password": "lHW5bPjxPnIIoSR5OFZE9A=="
          },
          "body": {
            "userNum": userInfo.account,
            "optDate": dateStr.substr(0,8),
            "optTime": dateStr.substr(8),
            "userIP": "",
            "userMachine": "",
            "menuName": busMod,
            "funcDesc": "查看客户影像资料",
            "busAction": "R",
            "businessInfos": businessInfos,
            "sensiDesc": busMod + "查看客户影像",
            "remark": ""
          }
        };

        recordLogInfo(params).then(res => {
          console.log(res);
        }).catch(err => {
          console.log(err);
        });
      },
      bathchShow_newObject() {
        console.log(this.multipleTable);

        // 审计日志需求  --lvjg 20211217
        this.recordAuditLogInfo("契约影像浏览", this.multipleTable);

        if (this.multipleTable.length > 0) {
          // this.multipleTable.val[0];
          console.log(this.multipleTable[0]);

          let imageDisplay;
          let str = "";
          for (var i = 0; i < this.multipleTable.length; i++) {
            if (str == "") {
              str = this.multipleTable[i].busiType + "," + this.multipleTable[i].itemid;
            } else {
              str = str + "|" + this.multipleTable[i].busiType + "," + this.multipleTable[i].itemid;
            }
          }
          try {
            console.log(str);
            if (str != ",") {
              /*
              imageDisplay = document.getElementById("imageDisplay");
              imageDisplay.DisplayFile(str, this.multipleTable[0].imgServerUrl);
              */ 
              /* google访问ie内核修改 ---------- sunline注册表模式*/
              sunCMImage.showImage(str,this.multipleTable[0].imgServerUrl);
            }
          } catch (e) {
            this.$message({
              showClose: true,
              message: "页面加载错误：" + e,
              type: 'error'
            });
          }

        } else {
          this.$message({
            showClose: true,
            message: "至少选择一条才可查看",
            type: 'warning'
          });
        }
      },
      // 影像初始化
      showImage_init() {
        //kaka 预加载影像查看组件
        let imgObjDiv = document.getElementById("imgObjDiv");
        imgObjDiv.innerHTML = "<object id='imageDisplay' classid='clsid:DF02961E-E2F3-41a6-AACB-010EF4A90F9F'></object>";
        //kaka 预加载影像查看组件
      },
      //影像查询——影像浏览
      showImage_newObject(item) {

        // 审计日志需求  --lvjg 20211217
        var multipleTable = [item];
        console.log("影像信息-->", multipleTable);
        this.recordAuditLogInfo("契约影像浏览", multipleTable);

        // let imageDisplay;
        var imageDisplay;
        const str = item.busiType + "," + item.itemid; // busiType,itemid
        try {
          if (str != ",") {
            /*
            imageDisplay = document.getElementById("imageDisplay");
            imageDisplay.DisplayFile(str, item.imgServerUrl); // imgServerUrl
            */
						/* google访问ie内核修改 ---------- sunline注册表模式*/
						sunCMImage.showImage(str,item.imgServerUrl);
          }
        } catch (e) {
          this.$message({
            showClose: true,
            message: "页面加载错误：" + e,
            type: 'error'
          });
        }
      },
      //查看影像备注信息
      memoGo(busiType, itemid) {
        this.memoListDialog = true;
        this.MemoInfoDialogHistory = false;
        this.MemoInfoDialogShow = true;
        this.addMemoInfoDialog = false
        var userId = this.userInfo.account;
        this.imageExtendParam.doflag = 'querymemo';
        this.imageExtendParam.busitype = busiType;
        this.imageExtendParam.itemid = itemid;
        this.$store.dispatch('loading/CHANGE_LOADING', true)
        // console.log("进入查看影像备注信息");
        ImageExtendCheck(this.imageExtendParam, userId).then(res => {
          this.$store.dispatch('loading/CHANGE_LOADING', false)
          console.log(res.resBody);
          if (res.resultCode == constant.SUCCESS && res.resBody) {
            const memoListTableData_s = [];
            for (var i = 0; i < res.resBody.length; i++) {
              const obj = {
                serialNumber: i + 1,
                time: res.resBody[i].time,
                remark: res.resBody[i].remark,
                userid: res.resBody[i].userid,
                busitype: res.busitype,
                itemid: res.itemid,
              }
              memoListTableData_s.push(obj);
            }
            this.memoListTableData = memoListTableData_s;
          }
        }).catch(err => {
          // console.log("搜索结果出来了，失败了么");
          this.$store.dispatch('loading/CHANGE_LOADING', false);
        })
      },
      memoGoHistory() {
        // this.memoListDialog = true;
        this.MemoInfoDialogHistory = true;
        // this.MemoInfoDialogShow = false;
        // this.addMemoInfoDialog=false

        var userId = this.userInfo.account;
        this.imageExtendParam.doflag = 'notelog';
        this.$store.dispatch('loading/CHANGE_LOADING', true)
        // console.log("进入查看影像备注信息");
        ImageExtendCheck(this.imageExtendParam, userId).then(res => {
          this.$store.dispatch('loading/CHANGE_LOADING', false)
          console.log(res.resBody);
          if (res.resultCode == constant.SUCCESS && res.resBody) {
            this.sNoteLog = res.resBody.sNoteLog;
            if (this.sNoteLog == null || this.sNoteLog == "") {
              this.sNoteLog = "无历史备注";
            }
          }
        }).catch(err => {
          // console.log("搜索结果出来了，失败了么");
          this.$store.dispatch('loading/CHANGE_LOADING', false);
        })
      },
      //新增备注信息
      addMemoInfo() {
        this.MemoInfoDialogHistory = false;
        this.MemoInfoDialogShow = true;
        if (typeof this.remarkInfo == "undefined" || this.remarkInfo == null || this.remarkInfo == "") {
          this.$message({
            showClose: true,
            message: '请输入备注信息',
            type: 'warning'
          });

        } else {
			//拦截备注长度，不能超过数据库的256个字符长度
			let length = strLength(this.remarkInfo);
			if(length > 254){
				this.$message({
				  message: '备注信息长度超过256个字符，请重新输入 ',
				  type: 'warning'
				});
				return;
			}
          // console.log("新增备注信息");
          console.log(this.remarkInfo);

          var userId = this.userInfo.account;
          this.imageExtendParam.doflag = 'addmemo';
          this.imageExtendParam.remark = this.remarkInfo;
          this.$store.dispatch('loading/CHANGE_LOADING', true)
          console.log("进入查看影像修改记录");
          ImageExtendCheck(this.imageExtendParam, userId).then(res => {
            this.$store.dispatch('loading/CHANGE_LOADING', false)
            console.log(res.resBody);
            if (res.resultCode == constant.SUCCESS && res.resBody) {
              const memoListTableData_s = [];
              for (var i = 0; i < res.resBody.length; i++) {
                const obj = {
                  serialNumber: i + 1,
                  time: res.resBody[i].time,
                  remark: res.resBody[i].remark,
                  userid: res.resBody[i].userid,
                  busitype: res.busitype,
                  itemid: res.itemid,
                }
                memoListTableData_s.push(obj);
              }
              this.memoListTableData = memoListTableData_s;
            }
          }).catch(err => {
            // console.log("搜索结果出来了，失败了么");
            this.$store.dispatch('loading/CHANGE_LOADING', false);
          })
          this.addMemoInfoDialog = false;
        }

      },

      //查看影像修改记录
      updateRecordGo(busiType, itemid) {
        this.updateRecordDialog = true;

        var userId = this.userInfo.account;
        this.imageExtendParam.doflag = 'modihistory';
        this.imageExtendParam.busitype = busiType;
        this.imageExtendParam.itemid = itemid;
        this.$store.dispatch('loading/CHANGE_LOADING', true)
        // console.log("进入查看影像修改记录");
        ImageExtendCheck(this.imageExtendParam, userId).then(res => {
          this.$store.dispatch('loading/CHANGE_LOADING', false)
          console.log(res.resBody);
          if (res.resultCode == constant.SUCCESS && res.resBody) {
            const updateRecordTableData_s = [];
            for (var i = 0; i < res.resBody.length; i++) {
              const obj = {
                serialNumber: i + 1,
                fielddesc: res.resBody[i].fielddesc,
                srcvalue: res.resBody[i].srcvalue,
                modusrid: res.resBody[i].modusrid,
                modvalue: res.resBody[i].modvalue,
                modtime: res.resBody[i].modtime
              }
              updateRecordTableData_s.push(obj);
            }
            this.updateRecordTableData = updateRecordTableData_s;
          }
        }).catch(err => {
          // console.log("搜索结果出来了，失败了么");
          this.$store.dispatch('loading/CHANGE_LOADING', false);
        })

      },
      imagInfoGo(busiType,
                 policyNo,
                 busiNo,
                 subbusitype,
                 productType,
                 docTyp,
                 stockID,
                 groupNo,
                 scanDate,
                 scanTime,
                 isPrint,
                 ishcprint,
                 version,
                 itemid,
                 agentNo,
                 updateflag,
                 company) {
        this.imagInfoDialog = true;
        this.purviewForm();
        this.imagInfoParams.busiType = busiType;
        this.imagInfoParams.policyNo = policyNo;
        this.imagInfoParams.busiNo = busiNo;
        this.imagInfoParams.subbusitype = subbusitype;
        this.imagInfoParams.docTyp = docTyp;
        this.imagInfoParams.stockID = stockID;
        this.imagInfoParams.groupNo = groupNo;
        this.imagInfoParams.scanDate = scanDate;
        this.imagInfoParams.scanTime = scanTime;
        this.imagInfoParams.isPrint = isPrint;
        this.imagInfoParams.ishcprint = ishcprint;
        this.imagInfoParams.version = version;
        this.imagInfoParams.itemid = itemid;
        this.imagInfoParams.agentNo = agentNo;
        this.imagInfoParams.updateflag = updateflag;
        this.imagInfoParams.company = company;

        this.imagInfoParamshandle.busiType = busiType;
        this.imagInfoParamshandle.policyNo = policyNo;
        this.imagInfoParamshandle.busiNo = busiNo;
        this.imagInfoParamshandle.subbusitype = subbusitype;
        this.imagInfoParamshandle.docTyp = docTyp;
        this.imagInfoParamshandle.stockID = stockID;
        this.imagInfoParamshandle.groupNo = groupNo;
        this.imagInfoParamshandle.scanDate = scanDate;
        this.imagInfoParamshandle.scanTime = scanTime;
        this.imagInfoParamshandle.isPrint = isPrint;
        this.imagInfoParamshandle.ishcprint = ishcprint;
        this.imagInfoParamshandle.version = version;
        this.imagInfoParamshandle.itemid = itemid;
        this.imagInfoParamshandle.agentNo = agentNo;
        this.imagInfoParamshandle.updateflag = updateflag;
        this.imagInfoParamshandle.company = company;

        if (productType == null || productType == "null") {
          this.imagInfoParams.productType = "";
          this.imagInfoParamshandle.productType = "";
        } else {
          this.imagInfoParams.productType = productType;
          this.imagInfoParamshandle.productType = productType;
        }
      },
      //影像信息——拷贝、修改、删除
      imageInfoAlter(param) {
        this.enableForm();
        var userId = this.userInfo.account;
        this.imagInfoParamshandle.stype = param;
        this.imagInfoParamshandle.productType = this.imagInfoParamshandle.productType;
        this.imagInfoParamshandle.docTyp = this.imagInfoParamshandle.docTyp;
        ImageExtendAlter(this.imagInfoParamshandle, userId).then(res => {
          this.$store.dispatch('loading/CHANGE_LOADING', false)
          if (res.resultCode == constant.SUCCESS) {
            if (param == 'copy') {
              this.$message({
                showClose: true,
                message: '拷贝影像执行成功！',
                type: 'success'
              });
            } else if (param == 'modify') {
              this.$message({
                showClose: true,
                message: '修改影像索引成功！',
                type: 'success'
              });
            } else if (param == 'del') {
              this.$message({
                showClose: true,
                message: '删除影像执行成功！',
                type: 'success'
              });
            }
          }
          this.disableForm();
          // 关掉影像信息弹框
          this.imagInfoDialog = false;
          // 刷新影像列表
          this.getList();
        }).catch(err => {
          // console.log("搜索结果出来了，失败了么");
          this.imagInfoDialog = false;
          this.$store.dispatch('loading/CHANGE_LOADING', false);

        })
      },
      imageInfoAlterDelJudge(param) {
        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          this.imageInfoAlter(param);
        }).catch(() => {
          this.$message({
            type: 'info',
            message: '已取消删除'
          });
          return;
        });
      },
      //影像信息——修改——权限控制
      purviewForm() {
        this.disableParam.busiType = true;
        //新契约管理
        if (this.judgeParam.stype == "nb" || this.judgeParam.stype == "nbdocflow"
          || this.judgeParam.stype == "hbdocflow_p" || this.judgeParam.stype == "hbdocflow") {
          if (this.judgeParam.spurview == "low") {
            //新契约管理-普通权限
            this.disableParam.policyNo = true;
            this.disableParam.busiNo = true;
            this.disableParam.subbusitype = true;
            this.disableParam.productType = true;
            this.disableParam.docTyp = true;
            this.disableParam.stockID = true;
            this.disableParam.groupNo = true;
            this.disableParam.isPrint = false;
            this.disableParam.ishcprint = true;
            this.disableParam.version = true;
            this.disableParam.scanDate = true;
            this.disableParam.scanTime = true;

            this.disableParam.btnCopy = true;
            this.disableParam.btnModify = false;
            this.disableParam.btnDel = true;
          } else if (this.judgeParam.spurview == "mid") {
            //新契约管理-中级权限
            this.disableParam.policyNo = false;
            this.disableParam.busiNo = false;
            this.disableParam.subbusitype = true;
            this.disableParam.productType = false;
            this.disableParam.docTyp = false;
            this.disableParam.stockID = false;
            this.disableParam.groupNo = false;
            this.disableParam.isPrint = false;
            this.disableParam.ishcprint = true;
            this.disableParam.version = false;
            this.disableParam.scanDate = true;
            this.disableParam.scanTime = true;

            this.disableParam.btnCopy = false;
            this.disableParam.btnModify = false;
            this.disableParam.btnDel = true;
          } else if (this.judgeParam.spurview == "high") {
            //新契约管理-高级权限
            this.disableParam.policyNo = false;
            this.disableParam.busiNo = false;
            this.disableParam.subbusitype = true;
            this.disableParam.productType = false;
            this.disableParam.docTyp = false;
            this.disableParam.stockID = false;
            this.disableParam.groupNo = false;
            this.disableParam.isPrint = false;
            this.disableParam.ishcprint = true;
            this.disableParam.version = false;
            this.disableParam.scanDate = true;
            this.disableParam.scanTime = true;

            this.disableParam.btnCopy = false;
            this.disableParam.btnModify = false;
            this.disableParam.btnDel = false;
          }
        } else if (this.judgeParam.stype == "pos" || this.judgeParam.stype == "docflow" || this.judgeParam.stype == "posuser") {
          //保全管理
          if (this.judgeParam.stype == "low") {
            //保全管理——普通权限
            this.disableParam.policyNo = false;
            this.disableParam.busiNo = true;
            this.disableParam.subbusitype = false;
            this.disableParam.productType = false;
            this.disableParam.docTyp = false;
            this.disableParam.stockID = false;
            this.disableParam.groupNo = false;
            this.disableParam.isPrint = false;
            this.disableParam.ishcprint = false;
            this.disableParam.version = false;
            this.disableParam.scanDate = false;
            this.disableParam.scanTime = false;

            this.disableParam.btnCopy = true;
            this.disableParam.btnModify = false;
            this.disableParam.btnDel = true;
          } else if (this.judgeParam.spurview == "mid") {
            //保全管理——中级权限
            this.disableParam.policyNo = false;
            this.disableParam.busiNo = false;
            this.disableParam.subbusitype = false;
            this.disableParam.productType = false;
            this.disableParam.docTyp = false;
            this.disableParam.stockID = false;
            this.disableParam.groupNo = false;
            this.disableParam.isPrint = false;
            this.disableParam.ishcprint = false;
            this.disableParam.version = false;
            this.disableParam.scanDate = false;
            this.disableParam.scanTime = false;

            this.disableParam.btnCopy = false;
            this.disableParam.btnModify = false;
            this.disableParam.btnDel = true;
          } else if (this.judgeParam.spurview == "high") {
            //保全管理——高级权限
            this.disableParam.policyNo = false;
            this.disableParam.busiNo = false;
            this.disableParam.subbusitype = false;
            this.disableParam.productType = false;
            this.disableParam.docTyp = false;
            this.disableParam.stockID = false;
            this.disableParam.groupNo = false;
            this.disableParam.isPrint = false;
            this.disableParam.ishcprint = false;
            this.disableParam.version = false;
            this.disableParam.scanDate = false;
            this.disableParam.scanTime = false;

            this.disableParam.btnCopy = false;
            this.disableParam.btnModify = false;
            this.disableParam.btnDel = false;
          }
        } else if (this.judgeParam.stype == "clm") {
          //理赔管理
          if (this.judgeParam.stype == "low") {
            //理赔管理——普通权限
            this.disableParam.policyNo = true;
            this.disableParam.busiNo = true;
            this.disableParam.subbusitype = true;
            this.disableParam.productType = true;
            this.disableParam.docTyp = true;
            this.disableParam.stockID = true;
            this.disableParam.groupNo = true;
            this.disableParam.isPrint = false;
            this.disableParam.ishcprint = true;
            this.disableParam.version = true;
            this.disableParam.scanDate = true;
            this.disableParam.scanTime = true;

            this.disableParam.btnCopy = true;
            this.disableParam.btnModify = false;
            this.disableParam.btnDel = true;
          } else if (this.judgeParam.spurview == "mid") {
            //理赔管理——中级权限
            this.disableParam.policyNo = false;
            this.disableParam.busiNo = false;
            this.disableParam.subbusitype = false;
            this.disableParam.productType = false;
            this.disableParam.docTyp = false;
            this.disableParam.stockID = false;
            this.disableParam.groupNo = false;
            this.disableParam.isPrint = false;
            this.disableParam.ishcprint = false;
            this.disableParam.version = false;
            this.disableParam.scanDate = true;
            this.disableParam.scanTime = true;

            this.disableParam.btnCopy = false;
            this.disableParam.btnModify = false;
            this.disableParam.btnDel = true;
          } else if (this.judgeParam.spurview == "high") {
            //理赔管理——高级权限
            this.disableParam.policyNo = false;
            this.disableParam.busiNo = false;
            this.disableParam.subbusitype = false;
            this.disableParam.productType = false;
            this.disableParam.docTyp = false;
            this.disableParam.stockID = false;
            this.disableParam.groupNo = false;
            this.disableParam.isPrint = false;
            this.disableParam.ishcprint = false;
            this.disableParam.version = false;
            this.disableParam.scanDate = true;
            this.disableParam.scanTime = true;

            this.disableParam.btnCopy = false;
            this.disableParam.btnModify = false;
            this.disableParam.btnDel = false;
          }
        } else if (this.judgeParam.stype == "fin") {
          //财务影像管理
          if (this.judgeParam.stype == "low") {
            //财务影像管理——普通权限
            this.disableParam.policyNo = true;
            this.disableParam.busiNo = true;
            this.disableParam.subbusitype = true;
            this.disableParam.productType = true;
            this.disableParam.docTyp = true;
            this.disableParam.stockID = true;
            this.disableParam.groupNo = true;
            this.disableParam.isPrint = true;
            this.disableParam.ishcprint = true;
            this.disableParam.version = true;
            this.disableParam.scanDate = true;
            this.disableParam.scanTime = true;

            this.disableParam.btnCopy = true;
            this.disableParam.btnModify = true;
            this.disableParam.btnDel = true;

            this.disableParam.scansite = true;
            this.disableParam.srepdate = true;
            this.disableParam.sagentid = true;
            this.disableParam.sagentname = true;
            this.disableParam.sbankname = true;
          } else if (this.judgeParam.spurview == "mid") {
            //财务影像管理——中级权限
            this.disableParam.policyNo = false;
            this.disableParam.busiNo = false;
            this.disableParam.subbusitype = true;
            this.disableParam.productType = true;
            this.disableParam.docTyp = false;
            this.disableParam.stockID = false;
            this.disableParam.groupNo = true;
            this.disableParam.isPrint = true;
            this.disableParam.ishcprint = true;
            this.disableParam.version = false;
            this.disableParam.scanDate = true;
            this.disableParam.scanTime = true;

            this.disableParam.btnCopy = true;
            this.disableParam.btnModify = false;
            this.disableParam.btnDel = true;

            this.disableParam.scansite = false;
            this.disableParam.srepdate = false;
            this.disableParam.sagentid = false;
            this.disableParam.sagentname = false;
            this.disableParam.sbankname = false;
          } else if (this.judgeParam.spurview == "high") {
            //财务影像管理——高级权限
            this.disableParam.policyNo = false;
            this.disableParam.busiNo = false;
            this.disableParam.subbusitype = true;
            this.disableParam.productType = true;
            this.disableParam.docTyp = false;
            this.disableParam.stockID = false;
            this.disableParam.groupNo = true;
            this.disableParam.isPrint = true;
            this.disableParam.ishcprint = true;
            this.disableParam.version = false;
            this.disableParam.scanDate = true;
            this.disableParam.scanTime = true;

            this.disableParam.btnCopy = true;
            this.disableParam.btnModify = false;
            this.disableParam.btnDel = false;

            this.disableParam.scansite = false;
            this.disableParam.srepdate = false;
            this.disableParam.sagentid = false;
            this.disableParam.sagentname = false;
            this.disableParam.sbankname = false;
          }
        } else {
          //综合查询
          this.disableParam.policyNo = true;
          this.disableParam.busiNo = true;
          this.disableParam.subbusitype = true;
          this.disableParam.productType = true;
          this.disableParam.docTyp = true;
          this.disableParam.stockID = true;
          this.disableParam.groupNo = true;
          this.disableParam.isPrint = true;
          this.disableParam.ishcprint = true;
          this.disableParam.version = true;
          this.disableParam.scanDate = true;
          this.disableParam.scanTime = true;

          this.disableParam.btnCopy = true;
          this.disableParam.btnModify = true;
          this.disableParam.btnDel = true;
        }
      },
      enableForm() {
        this.disableParam.busiType = false;

        this.disableParam.policyNo = false;
        this.disableParam.busiNo = false;
        this.disableParam.subbusitype = false;
        this.disableParam.productType = false;
        this.disableParam.docTyp = false;
        this.disableParam.stockID = false;
        this.disableParam.groupNo = false;
        this.disableParam.isPrint = false;
        this.disableParam.ishcprint = false;
        this.disableParam.version = false;
        this.disableParam.scanDate = false;
        this.disableParam.scanTime = false;

        this.disableParam.btnCopy = false;
        this.disableParam.btnModify = false;
        this.disableParam.btnDel = false;

      },
      disableForm() {
        this.disableParam.busiType = true;

        this.disableParam.policyNo = true;
        this.disableParam.busiNo = true;
        this.disableParam.subbusitype = true;
        this.disableParam.productType = true;
        this.disableParam.docTyp = true;
        this.disableParam.stockID = true;
        this.disableParam.groupNo = true;
        this.disableParam.isPrint = true;
        this.disableParam.ishcprint = true;
        this.disableParam.version = true;
        this.disableParam.scanDate = true;
        this.disableParam.scanTime = true;

        this.disableParam.btnCopy = true;
        this.disableParam.btnModify = true;
        this.disableParam.btnDel = true;
      },

      // 每页多少条切换
      handleSizeChange(pageSize) {
        this.paginationsImage.pageSize = pageSize;
        this.paginationsImage.total = 0;
        this.getList();
      },
      // 上下分页
      handleCurrentChange(page) {
        this.paginationsImage.pageIndex = page;
        this.paginationsImage.total = 0;
        this.getList();
      }
    }
  }
</script>

<style lang="less" scoped>
  .fillcontain {
    padding-bottom: 0;
  }

  .contain {
    background: #fff;
    padding: 10px;
    margin-bottom: 20px;
  }

  .pagination {
    padding: 10px 20px;
    text-align: right;
  }

  .button_pagination {
    padding: 10px 20px;
    text-align: left;
  }

  .search_container {
    padding: 20px 20px 0 20px;
  }

  .operationIcon {
    // padding: 12px;
    // border: 1px solid #e5e5e5;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: inline-block;
    cursor: pointer;
    box-shadow: 0 0 3px #f9f9f9;

    .el-icon-camera { //影像图标
      color: #409EFF;
      font-size: 16px;
    }

    .el-icon-tickets {
      font-size: 16px;
      color: #409EFF;
    }

    .el-icon-edit-outline {
      font-size: 16px;
      color: #409EFF;
    }
  }

  .common-box {
    padding-bottom: 15px;
  }

  .common-lab {
    line-height: normal !important;
    text-align: right;

    .labelName {
      text-align: right;
    }
  }

  .cancel-button {
    text-align: center;
  }
</style>



